
$(document).ready(function (){
    //1.监听用户选择了文件把选择的内容预览到img控件
    $(".file").bind("change",function (){
         var img =this.files[0];
         $(".prev_view").attr({"src":URL.createObjectURL(img)})

    })

    //2.监听用户的按钮事件，执行人脸检测功能

$(".btn").bind("click",function (){
    //1.获取文件及用户所选择的配置信息
    var form= $(".from")[0];//拿到from表单
    var formData=new FormData(form);//创建fromData对象

    var obj = document.getElementsByName('face_field');
    var s = '';
    for (var i = 0; i < obj.length; i++) {
        if (obj[i].checked) {
            s += obj[i].value + ',';
        }
    }
    if (s==""){
        alert('你还没有选择任何内容！');
    }
    // alert(s == '' ? '你还没有选择任何内容！' : s);
    //2.准备请求的数据
    var config={
        url:"baidu_ai?model=face_body&type=face&face_field="+s,
        method:"post",
        dataType:"json",
        data:formData,
        processData:false,
        contentType:false,
        success:function (resp){
            console.log("success")
            console.log(resp)


             $(".beauty").html(resp.result.face_list[0].beauty+"分")
             $(".age").html(resp.result.face_list[0].age+"岁")





                 var face_shape=resp.result.face_list[0].face_shape.type
                 if (face_shape=="square"){
                     $(".face_shape").text("正方形");
                 }else if(face_shape=="triangle"){
                     $(".face_shape").text("三角形");
                 }else if(face_shape=="oval"){
                     $(".face_shape").text("椭圆形");
                 }else if(face_shape=="heart"){
                     $(".face_shape").text("心形");
                 }else if(face_shape=="round"){
                     $(".face_shape").text("圆形");
                 }



                 var expression=resp.result.face_list[0].expression.type


                     if (expression=="none"){
                         $(".expression").text("不笑");
                     }else if(expression=="smile"){
                         $(".expression").text("微笑");
                     }else if(expression=="laugh"){
                         $(".expression").text("大笑");
                     }


                 var gender=resp.result.face_list[0].gender.type
                 if (gender=="male"){
                     $(".gender").html("男");
                 }else if(gender=="female"){
                     $(".gender").html("女");
                 }


                 var emotion=resp.result.face_list[0].emotion.type
                 if (emotion=="angry"){
                     $(".emotion").html("愤怒");
                 }else if(emotion=="disgust"){
                     $(".emotion").html("厌恶");
                 }else if(emotion=="fear"){
                     $(".emotion").html("恐惧");
                 }else if(emotion=="happy"){
                     $(".emotion").html("高兴");
                 }else if(emotion=="sad"){
                     $(".emotion").html("伤心");
                 }else if(emotion=="surprise"){
                     $(".emotion").html("惊讶");
                 }else if(emotion=="neutral"){
                     $(".emotion").html("无情绪");
                 }


                    var glasses=resp.result.face_list[0].glasses.type
                    if (glasses=="none"){
                        $(".glasses").html("无眼镜");
                    }else if (glasses=="common"){
                        $(".glasses").html("普通眼镜");
                    }else if (glasses=="sun"){
                        $(".glasses").html("墨镜");
                    }



                    var eye_status=resp.result.face_list[0].eye_status.left_eye
                    if (eye_status<0.5){
                        $(".eye_status").html("半闭合");
                    }else if (eye_status==0){
                        $(".eye_status").html("闭合");
                    }else if (eye_status>=0.5&&eye_status<=0.75){
                        $(".eye_status").html("半睁开");
                    }else if (eye_status>0.75){
                        $(".eye_status").html("睁开");
                    }


                       var face_type=resp.result.face_list[0].face_type.type
                       if (face_type=="human"){
                           $(".face_type").html("真实人脸");
                       }else if (face_type=="cartoon"){
                           $(".face_type").html("卡通人脸");
                       }


        },
        error:function (resp){
            console.log(resp)
        }
    }
    //3发起请求
    $.ajax(config)


})

})
$(document).ready(function(){
    //全选
    $("#check_all").click(function(){
        $("input:checkbox").prop("checked",true);
    });

    //全不选
    $("#check_no").click(function(){
        $("input:checkbox").prop("checked",false);
    });
});
var a1=0
var a2=0
var a3=0
var a4=0
var a5=0
var a6=0
var a7=0
var a8=0
var a9=0
/*点击弹出按钮*/
function popBox1() {
    var jg1=document.getElementById('jg1');
    if (a1==0){
         $("#jg1").slideDown(200);
       //jg1.style.opacity='1';
        a1=-1
    }else if(a1==-1){
      //  jg1.style.opacity='0';
         $("#jg1").slideUp(200);
        a1=0
    }
}
function popBox2() {
    var jg2=document.getElementById('jg2');
    if (a2==0){
        $("#jg2").slideDown(200);
       // jg2.style.opacity='1';
        a2=-1
    }else if(a2==-1){
        $("#jg2").slideUp(200);
        //jg2.style.opacity='0';
        a2=0
    }
}
function popBox3() {
    var jg3=document.getElementById('jg3');
    if (a3==0){
        $("#jg3").slideDown(200);
       // jg3.style.opacity='1';
        a3=-1
    }else if(a3==-1){
        $("#jg3").slideUp(200);
       // jg3.style.opacity='0';
        a3=0
    }
}
function popBox4() {
    var jg4=document.getElementById('jg4');
    if (a4==0){
       $("#jg4").slideDown(200);
        //jg4.style.opacity='1'
        a4=-1
    }else if(a4==-1){
         $("#jg4").slideUp(200);
        //jg4.style.opacity='0'
        a4=0
    }
}
function popBox5() {
    var jg5=document.getElementById('jg5');
    if (a5==0){
         $("#jg5").slideDown(200);
        // jg5.style.opacity='1'
        a5=-1
    }else if(a5==-1){
         $("#jg5").slideUp(200);
        // jg5.style.opacity='0'
        a5=0
    }
}
function popBox6() {
    var jg6=document.getElementById('jg6');
    if (a6==0){
        $("#jg6").slideDown(200);
        a6=-1
    }else if(a6==-1){
        $("#jg6").slideUp(200);
        a6=0
    }
}
function popBox7() {
    var jg7=document.getElementById('jg7');
    if (a7==0){
        $("#jg7").slideDown(200);
        a7=-1
    }else if(a7==-1){
        $("#jg7").slideUp(200);
        a7=0
    }
}
function popBox8() {
    var jg8=document.getElementById('jg88');
    if (a8==0){
        $("#jg88").slideDown(200);
        a8=-1
    }else if(a4==-1){
        $("#jg88").slideUp(200);
        a8=0
    }
}
function popBox9() {
    var jg9=document.getElementById('jg99');
    if (a9==0){
        $("#jg99").slideDown(200);
        a9=-1
    }else if(a9==-1){
        $("#jg99").slideUp(200);
        a9=0
    }
}
function popBox10() {
    if (a10==0){
        $("#jg99").slideDown(200);
        $("#jg1").slideDown(200);
        $("#jg2").slideDown(200);
        $("#jg3").slideDown(200);
        $("#jg4").slideDown(200);
        $("#jg5").slideDown(200);
        $("#jg6").slideDown(200);
        $("#jg7").slideDown(200);
        $("#jg88").slideDown(200);
       a10=-1
    }else if(a10==-1){
        $("#jg99").slideUp(200);
        $("#jg88").slideUp(200);
        $("#jg7").slideUp(200);
        $("#jg6").slideUp(200);
        $("#jg5").slideUp(200);
        $("#jg4").slideUp(200);
        $("#jg3").slideUp(200);
        $("#jg2").slideUp(200);
        $("#jg1").slideUp(200);
        a10=0
    }
}
function popBox10() {
        $("#jg99").slideDown(200);
        $("#jg1").slideDown(200);
        $("#jg2").slideDown(200);
        $("#jg3").slideDown(200);
        $("#jg4").slideDown(200);
        $("#jg5").slideDown(200);
        $("#jg6").slideDown(200);
        $("#jg7").slideDown(200);
        $("#jg88").slideDown(200);
}
function popBox102(){
    $("#jg99").slideUp(200);
    $("#jg88").slideUp(200);
    $("#jg7").slideUp(200);
    $("#jg6").slideUp(200);
    $("#jg5").slideUp(200);
    $("#jg4").slideUp(200);
    $("#jg3").slideUp(200);
    $("#jg2").slideUp(200);
    $("#jg1").slideUp(200);
}